<template>
  <div class="app-container">
    <!-- 顶部图标 -->
    <top-bar />
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
      <login-register />
      <div class="line"></div>
      <local />
      <div class="line"></div>
      <wealth />
      <div class="line"></div>
      <system />
    </van-pull-refresh>

    <!-- 底部导航 -->
    <tab-bar active="mine" />
  </div>
</template>
<script>
import TopBar from "./topbar";
import TabBar from "@/components/tabbar";
import LoginRegister from "./loginRegister";
import Local from "./local";
import Wealth from "./wealth";
import System from "./system";
export default {
  name: "Mine",
  components: {
    TopBar,
    TabBar,
    LoginRegister,
    Local,
    Wealth,
    System,
  },
  data() {
    return {
      isLoading: false,
    };
  },
  methods: {
    onRefresh() {
      setTimeout(() => {
        this.isLoading = false;
      }, 1000);
    },
  },
};
</script>

<style lang="scss" scoped>
.line {
  width: 100vw;
  height: 15px;
  background: #f7f7f7;
}
</style>